@CHARSET "UTF-8";
body {font-family: Tahoma, Arial; font-size:1em;}

.n2j7_smart_select_input_area { 
	text-decoration: none; 
	border: 1px solid #C0CAD5;
	display:inline-block; 
	padding: 0 0 0 4px; 
	position:relative;
	font-size: 14px;
	height:18px;
	z-index: 2; /* over drop down */
	background: #ffffff; /* hide dropdown by area color */
}
.n2j7_smart_select_selected_label{cursor: default;}
.n2j7_smart_select_drop_down_arrow{ 
	display:block; 
	width: 18px; 
	height: 18px;
	background: url(../img/dd_arrow.gif) no-repeat scroll center center;
	position: absolute;
	top:0;
	right:0;
	cursor: default;
}
.n2j7_smart_select_drop_down_arrow_hovered, .n2j7_smart_select_drop_down_arrow_opened{
	background-color: #E1E8ED;
	border-left: 1px solid #D2DBE0;
}
.n2j7_smart_select_popup{
	display: none;
	position:absolute;
	border: 1px solid #C0CAD5;
	border-width: 0px 1px 1px 1px;
	z-index: 1;
	zoom:1;
	padding-top:2px;/*input borders*/
	overflow: hidden;
}

.n2j7_smart_select_popup ul{
	padding:0; margin:0;
	list-style:none;
	font-size: 14px;
	border-collapse: collapse;
	position:relative;
	display:block;
	zoom:1;
	top: 0px;/* DO NOT REMOVE, this is crossbrowser start position */
}

.n2j7_smart_select_popup ul li{
	padding:1px 1px 1px 4px; margin:0;
	list-style: none;
	cursor: default;
	font-size: 0.95em;
	position:relative;
	border-collapse: collapse;
	overflow:hidden;
	display:block;
	position:relative;
	zoom:1;
}

.n2j7_smart_select_popup ul li.hovered, .n2j7_smart_select_popup ul li.selected{
	margin: -1px;
	border: 1px solid #2D5881;
	background: #5F83A5;
	color: #ffffff;
}

.scroll{
	padding-top:2px;/*input borders*/
    position: absolute;
    right: 0;
    top: 0;
    width: 18px;
    height: 100px; /*for test*/
    border-left: 1px solid #D2DBE0;
    zoom:1;
    background: url(../img/spacer.gif); /* for IE mousedown event handle */
}

.scrollBody{
    position:relative;
    overflow:hidden;
}

.scrolled {
    overflow: hidden;
}

.scrolled ul{
    margin-right: 19px; /* 18 scroll width + 1px border*/
}

.scrollTopArrow{
    border-bottom: 1px solid #D2DBE0;
    height:18px;
    background: url(../img/ui-icons.png) no-repeat 2px 1px;
}

.scrollBottomArrow{
    border-top: 1px solid #D2DBE0;
    height:18px;
    background: url(../img/ui-icons.png) no-repeat -63px 1px;
}

.scrollSlider{
    margin: 1px;
    border: 1px solid #98AFBD;
    position: relative;
    top:0; /* DO NOT REMOVE, this is crossbrowser start position */
    background: #E1E8ED url(../img/scroll_bg.png) no-repeat center 50%;
}